{% extends 'admin/base.html' %}

{% block title %}文章管理页{% endblock %}

{% block main_title %}文章管理{% endblock %}

{% block content %}
    <div class="layui-container">
    <a href="{{ url_for('admin.edit_article') }}" class="button layui-btn">新增文章</a>
{#        <table class="layui-hide" id="ID-table-demo-data"></table>#}
    </div>

{% endblock %}

{% block script %}
    <script>
        layui.use('table', function () {
            let table = layui.table;

            // 已知数据渲染
            let inst = table.render({
                elem: 'table#ID-table-demo-data',
                url: '{{ url_for('admin.get_article') }}',

                cols: [[ //标题栏
                    {field: 'id', title: '序号', width: 120, sort: true},
                    {
                        field: 'title',
                        title: '文章标题',
                        width: '',
                        align: "center",
                        templet: (d) => {
                            return '<a href="/blog/post/' + d.id + '" class="layui-table-link">' + d.title + '</a>'
                        }
                    },
                    {field: 'read_count', title: '阅读次数', width: 180},
                    {field: 'category', title: '文章分类', width: 180},
                    {field: 'add_time', title: '创建时间', width: 180},
                    {field: 'upd_time', title: '修改时间', width: 180}
                ]],
                page: true, // 是否显示分页
                limits: [5, 10, 15],
                limit: 5 // 每页默认显示的数量
            });
            console.log('>>', inst.url)
            console.log('>>', inst.data)
            console.log('>>', inst.url)
        });
    </script>
{% endblock %}